<!DOCTYPE html>

<html>
    <head>
        <title>用户注册</title>
        <meta charset="utf-8">
        <link rel="shortcut icon" href={{url_for("static",filename="icon/icon.jpg")}}>
        <link rel="stylesheet" href={{url_for("static",filename="css/divtest.css" )}}>

        <style>
            body{
                background-image: url({{url_for("static",filename="img/bkgd001.jpg")}});
            }
            .card{
            background-color:rgb(39, 43, 43);
            padding-top: 100px;
            padding-bottom: 100px;
            opacity: 0.5;
        }
        </style>
    </head>

    <body>
        <div class="header"><h1>用户注册</h1></div>
        <row>
        <div class="column sides"></div>
        <div class="column middle">
            <ul>
                {% for message in get_flashed_messages() %}
                <div class=flash><li><p>{{ message }}</p></li></div>
                {% endfor %} 
            </ul>
        <div class="card">
        <form method="post">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
        <input type="hidden" name="ques" value="{{ques}}">
        {{form.username.label}}&emsp;&emsp;&emsp;&emsp;{{form.username}}
        <br><br>
        {{form.mail.label}}&emsp;&emsp;&emsp;&emsp;{{form.mail}}
        <br><br>
        {{form.password.label}}&emsp;&emsp;&emsp;&emsp;&emsp;{{form.password}}
        <br><br>
        {{form.password2.label}}&emsp;{{form.password2}}
        <br><br>
        {{form.ques1.label}}&emsp;{{form.ques1(placeholder=qa[ques][0])}}
        <br><br>
        {{form.submit}}
        </form>
        </div>
        </div>
        <div class="column sides"></div>
        </row>
    </body>
</html>